* { padding: 0; margin: 0; font-size: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

section { margin-bottom: 14.66667vw; }

footer { position: fixed; bottom: -0.5%; background-color: white; height: 14.66667vw; width: 100%; }

footer .foot { width: 93.33333vw; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; }

footer .foot a div p { font-size: 2.66667vw; text-align: center; color: black; }

footer .foot a div div { width: 9.33333vw; height: 9.33333vw; }

footer .foot a div div img { width: 100%; height: 100%; }

a { text-decoration: none; }

header { width: 93.86667vw; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 6.66667vw; }

header .back { width: 16.4vw; height: 7.6vw; border: 2px solid #ff9344; border-radius: 2vw; font-size: 4vw; color: black; text-align: center; line-height: 6.66667vw; }

header .hd-name { font-size: 4vw; }

header .select select { width: 21.33333vw; height: 8vw; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 4vw; border: 2px solid #ff9344; background-image: url(../img/index/header2.png); background-repeat: no-repeat; background-position: 90%; padding-left: 2vw; }

header .select select option { font-size: 4vw; }

section { width: 93.86667vw; margin: 0 auto; margin-bottom: 14.66667vw; }

section .banner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 28.93333vw; margin-top: 2.66667vw; position: relative; }

section .banner > div .banner-box { width: 20vw; height: 20vw; border-radius: 50%; overflow: hidden; }

section .banner > div .banner-box img { width: 100%; height: 100%; }

section .banner > div p { text-align: center; font-size: 3.46667vw; }

section .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

section .box div { width: 2.4vw; height: 2.4vw; border-radius: 50%; background-color: #ffc9a1; top: 27.73333vw; margin-left: 1.33333vw; }

section .box div:hover { background-color: #ff9344; }

section .content .cn-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 2.66667vw; }

section .content .cn-top .top-lf { font-size: 4vw; }

section .content .cn-top .top-lf img { width: 8vw; height: 8vw; vertical-align: middle; }

section .content .cn-top .top-rg { text-align: center; font-size: 3.6vw; }

section .content .cn-top .top-rg img { width: 4vw; height: 4vw; vertical-align: middle; }

section .content .cn-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 4.93333vw 0; }

section .content .cn-bottom img { width: 17.6vw; height: 17.6vw; }
